<template>
  <div class="icons">
    <h1>icon图标</h1>
    <mc-container>
      <mc-flex :wrap="'wrap'">
        <mc-item :basis="'100px'" v-for="icon in iconList" :key="icon">
          <mc-icon :icon="icon" :size="'50px'"></mc-icon>
          <p>{{ icon }}</p>
        </mc-item>
      </mc-flex>
    </mc-container>
  </div>
</template>

<script>
export default {
  data() {
    return {
      iconList: [
        "accessory",
        "activity",
        "activity_fill",
        "add",
        "addition_fill",
        "addition",
        "addpeople_fill",
        "addpeople",
        "addressbook_fill",
        "addressbook",
        "barrage_fill",
        "barrage",
        "browse_fill",
        "browse",
        "brush",
        "brush_fill",
        "businesscard_fill",
        "businesscard",
        "camera_fill",
        "camera",
        "clock_fill",
        "clock",
        "close",
        "collection_fill",
        "collection",
        "computer_fill",
        "computer",
        "coordinates_fill",
        "coordinates",
        "coupons_fill",
        "coupons",
        "createtask_fill",
        "createtask",
        "customerservice_fill",
        "customerservice",
        "delete_fill",
        "delete",
        "document",
        "document_fill",
        "dynamic_fill",
        "dynamic",
        "editor",
        "eit",
        "emoji_fill",
        "emoji",
        "empty",
        "empty_fill",
        "enter",
        "enterinto",
        "enterinto_fill",
        "feedback_fill",
        "feedback",
        "flag_fill",
        "flag",
        "flashlight",
        "flashlight_fill",
        "flip",
        "flip_fill",
        "fullscreen",
        "group",
        "group_fill",
        "headlines_fill",
        "headlines",
        "homepage_fill",
        "homepage",
        "integral_fill",
        "integral",
        "interactive_fill",
        "interactive",
        "keyboard",
        "label",
        "label_fill",
        "like_fill",
        "like",
        "live_fill",
        "live",
        "lock_fill",
        "lock",
        "mail",
        "mail_fill",
        "manage_fill",
        "manage",
        "message",
        "message_fill",
        "mine",
        "mine_fill",
        "mobilephone_fill",
        "mobilephone",
        "more",
        "narrow",
        "offline_fill",
        "offline",
        "order_fill",
        "order",
        "other",
        "people_fill",
        "people",
        "picture_fill",
        "picture",
        "play",
        "play_fill",
        "playon_fill",
        "playon",
        "praise_fill",
        "praise",
        "prompt_fill",
        "prompt",
        "qrcode_fill",
        "qrcode",
        "redpacket_fill",
        "redpacket",
        "refresh",
        "remind_fill",
        "remind",
        "return",
        "right",
        "scan",
        "select_fill",
        "select",
        "send",
        "service_fill",
        "service",
        "setup_fill",
        "setup",
        "share_fill",
        "share",
        "shielding_fill",
        "shielding",
        "smallscreen_fill",
        "smallscreen",
        "stealth_fill",
        "stealth",
        "success_fill",
        "success",
        "suspend",
        "switch",
        "systemprompt_fill",
        "systemprompt",
        "tailor",
        "task",
        "task_fill",
        "tasklist_fill",
        "tasklist",
        "text",
        "time_fill",
        "time",
        "translation_fill",
        "translation",
        "trash",
        "trash_fill",
        "undo",
        "unlock_fill",
        "unlock",
        "video",
        "video_fill",
        "warning_fill",
        "warning",
        "workbench_fill",
        "workbench",
        "search",
        "searchfill",
        "qianniu",
        "publishgoods_fill",
        "shop_fill",
        "transaction_fill",
        "packup",
        "unfold",
        "wangwang",
        "financial_fill",
        "marketing_fill",
        "shake",
        "decoration_fill",
        "budaidise",
        "qianniudaidise",
        "questions",
        "supply",
        "tools",
        "int",
        "commodity",
        "zhtn",
      ],
    };
  },
};
</script>

<style lang="scss" scoped>
</style>